一、高阶函数JavaScript中的高阶函数是一种接受函数作为输入或返回函数作为输出的函数。它们提供了灵活的方式来处理函数，并允许把函数作为参数或返回值传递。它们是函数式编程的重要组成部分，并且可以提高代码的可读性和可维护性。高阶函数的一个常见用法是对数组进行操作，例如使用map()、reduce()和filter()。这些函数允许您在数组上应用自定义的函数，并对数组的每个元素执行操作。另一个常见的高阶函数是回调函数。回调函数是一种被传递到另一个函数中的函数，并在某些事件发生时被调用。它们允许您创建代码，该代码在事件发生时自动执行。另外，高阶函数还可以用于创建抽象概念，例如柯里化、组合和管道。

本文是CSSHoudini之CSSPaintingAPI系列第三篇。现代CSS之高阶图片渐隐消失术现代CSS高阶技巧，像Canvas一样自由绘图构建样式！在上两篇中，我们详细介绍了CSSPaintingAPI是如何一步一步，实现自定义图案甚至实现动画效果的！在这一篇中，我们将继续探索，尝试使用CSSPaintingAPI，去实现一些过往纯CSS无法实现的效果。CSSPaintingAPI再简单快速的过一下，什么是CSSPaintingAPI。CSSPaintingAPI是CSSHoudini的一部分。而Houdini是一组底层API，它们公开了CSS引擎的各个部分，从而使开发人员能够通过加入浏

本文是CSSHoudini之CSSPaintingAPI系列第三篇。现代CSS之高阶图片渐隐消失术现代CSS高阶技巧，像Canvas一样自由绘图构建样式！在上两篇中，我们详细介绍了CSSPaintingAPI是如何一步一步，实现自定义图案甚至实现动画效果的！在这一篇中，我们将继续探索，尝试使用CSSPaintingAPI，去实现一些过往纯CSS无法实现的效果。CSSPaintingAPI再简单快速的过一下，什么是CSSPaintingAPI。CSSPaintingAPI是CSSHoudini的一部分。而Houdini是一组底层API，它们公开了CSS引擎的各个部分，从而使开发人员能够通过加入浏

在过往，我们想要实现一个图片的渐隐消失。最常见的莫过于整体透明度的变化，像是这样：div{width:300px;height:300px;background:url(image.jpg);transition:.4s;}.img:hover{opacity:0;}但是，CSS的功能如此强大的今天。我们可以利用CSS实现的渐隐效果已经不再是如此的简单。想想看，下面这样一个效果，是CSS能够实现的么？答案是肯定的！本文就将一步一步，从零开始，仅仅使用一个标签，实现上述的图片渐隐效果。这里，有两个核心的点：如何将一张图片切割的这么细，切割成这么多块？基于上述（1）的基础上，又该如何分别控制这些小

在过往，我们想要实现一个图片的渐隐消失。最常见的莫过于整体透明度的变化，像是这样：div{width:300px;height:300px;background:url(image.jpg);transition:.4s;}.img:hover{opacity:0;}但是，CSS的功能如此强大的今天。我们可以利用CSS实现的渐隐效果已经不再是如此的简单。想想看，下面这样一个效果，是CSS能够实现的么？答案是肯定的！本文就将一步一步，从零开始，仅仅使用一个标签，实现上述的图片渐隐效果。这里，有两个核心的点：如何将一张图片切割的这么细，切割成这么多块？基于上述（1）的基础上，又该如何分别控制这些小

本文是CSSHoudini之CSSPaintingAPI系列第四篇。现代CSS之高阶图片渐隐消失术现代CSS高阶技巧，像Canvas一样自由绘图构建样式！现代CSS高阶技巧，完美的波浪进度条效果！在上三篇中，我们详细介绍了CSSPaintingAPI是如何一步一步，实现自定义图案甚至实现动画效果的！在这一篇中，我们将继续探索，尝试使用CSSPaintingAPI，去实现过往CSS中非常难以实现的一个点，那就是如何绘制不规则图形的边框。CSSPaintingAPI再简单快速的过一下，什么是CSSPaintingAPI。CSSPaintingAPI是CSSHoudini的一部分。而Houdini是

本文是CSSHoudini之CSSPaintingAPI系列第四篇。现代CSS之高阶图片渐隐消失术现代CSS高阶技巧，像Canvas一样自由绘图构建样式！现代CSS高阶技巧，完美的波浪进度条效果！在上三篇中，我们详细介绍了CSSPaintingAPI是如何一步一步，实现自定义图案甚至实现动画效果的！在这一篇中，我们将继续探索，尝试使用CSSPaintingAPI，去实现过往CSS中非常难以实现的一个点，那就是如何绘制不规则图形的边框。CSSPaintingAPI再简单快速的过一下，什么是CSSPaintingAPI。CSSPaintingAPI是CSSHoudini的一部分。而Houdini是

今天，收到一个很有意思的提问，如何实现类似如下的背景效果图：嗯？核心主体是由多个六边形网格叠加形成。那么我们该如何实现它呢？使用纯CSS能够实现吗？当然可以，下面我们就将尝试如何使用CSS去实现这样一个背景效果。如何绘制六边形？首先，看到这样一个图形，如果想要使用一个标签完成整个背景，最先想到的肯定是使用背景background实现，不过可惜的是，尽管CSS中的background非常之强大，但是没有特别好的方式让它足以批量生成重复的六边形背景。因此，在这个需求中，我们可能不得不退而求其次，一个六边形实现使用一个标签完成。那么，就拿1个DIV来说，我们有多少实现六边形的方式呢？这里简单介绍2种

今天，收到一个很有意思的提问，如何实现类似如下的背景效果图：嗯？核心主体是由多个六边形网格叠加形成。那么我们该如何实现它呢？使用纯CSS能够实现吗？当然可以，下面我们就将尝试如何使用CSS去实现这样一个背景效果。如何绘制六边形？首先，看到这样一个图形，如果想要使用一个标签完成整个背景，最先想到的肯定是使用背景background实现，不过可惜的是，尽管CSS中的background非常之强大，但是没有特别好的方式让它足以批量生成重复的六边形背景。因此，在这个需求中，我们可能不得不退而求其次，一个六边形实现使用一个标签完成。那么，就拿1个DIV来说，我们有多少实现六边形的方式呢？这里简单介绍2种

高阶组件（HOC）高阶组件（HeigherOrderComponent）也被称之为高阶函数，容器组件，高阶组件是类组件编程中的一种重要代码逻辑复用技巧。高阶组件的语法接收一个React组件作为入参，经过修饰，最后返回一个新的React组件，所以这个入参的React组件被称之为“UI组件”；这个高阶组件被称之为“容器组件”。注意：在高阶组件中无论怎么对UI组件进行修改都不能修改。所以高阶组件是一种纯函数。什么是纯函数入参不能被修改，并且相同入参返回的是相同结果的函数，都叫做纯函数。 解决高阶组件导致属性丢失封装自定义高阶组件时，如果props属性丢失，可以使用属性穿透（属性继承）解决如何使用高阶